<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./richrank.css" />
  </head>
  <body>
    <div class="nav">
      <p>主页</p>
      <p>排行榜</p>
      <p>联系方式</p>
    </div>
    <div class="main">
      <div class="top">
        <button class="nav-btn">导航栏</button>
        <h2>欢迎来到富豪排行榜</h2>
        <span>Welcome To The Rich Rank</span>
        <button class="register">登陆</button>
      </div>
      <div class="content">
        <div class="operate">
          <button class="add">添加账户</button>
          <button class="double">资金翻倍</button>
          <button class="search">查询百万富翁</button>
          <button class="rank">财富榜</button>
          <button class="total">计算总额</button>
        </div>
        <div class="richrank">
          <div class="title">
            <p class="title-left">Person</p>
            <p class="title-right">Wealth</p>
          </div>
          <ul class="richlist"></ul>
        </div>
      </div>
    </div>
    <script>
      let dataInfo = [
        { name: 'English chan', money: 392001 },
        { name: 'alex chan', money: 568932 },
        { name: 'melon chan', money: 698756 },
        { name: 'Clare Langner', money: 292489 },
        { name: 'Abigail Rice', money: 953957 },
        { name: 'Clarice Dias', money: 168472 },
        { name: 'Vernon Lucas', money: 718225 },
        { name: 'Nina Schmidt', money: 889147 },
      ];
    </script>
    <script src="./richrank.js"></script>
  </body>
</html>
